import React,{Component} from 'react';
import {Link,NavLink} from 'react-router-dom';
import { Carousel } from 'antd';
import 'antd/dist/antd.css'; 
import Footer from '../page/Footer.js';

import '../../css/reset.css';
import '../../css/index.css';



export default class Home extends Component{
	constructor(props){
    	super(props);
	    this.state = {
	      
	    }
  	}
	
	render(){
		
		
		return(
			<div>
				<div id="header">
					<form action="" className="search-wrap">
						<div className="search-box">
							<input type="search" placeholder="搜索旅行地/酒店/景点" />
						</div>
					</form>
				</div>
				
				<div id="wrapper">
					<div id="scroller">
						<div className="i-banner clearfix">
							<Carousel autoplay>
							    <div>
							      <a href="#"><img src={require('../../images/img/banner1.jpg')} alt=""/></a>
							    </div>
							    <div>
							      <a href="#"><img src={require('../../images/img/banner2.jpg')} alt=""/></a>
							    </div>
							    <div>
							      <a href="#"><img src={require('../../images/img/banner3.jpg')} alt=""/></a>
							    </div>
							    <div>
							      <a href="#"><img src={require('../../images/img/banner4.jpg')} alt=""/></a>
							    </div>
						    </Carousel>
						</div>
		
						<nav className="nav-entry clearfix">
							<div className="row">
								<div className="col col1">
									<a href="travel.html">
										<em>旅游</em>
									</a>
								</div>
								<div className="col col2">
									<a href="#">
										<em>出境游</em>
									</a>
									<a href="#">
										<em>周边游</em>
									</a>
								</div>
								<div className="col col3">
									<a href="#">
										<em>国内游</em>
									</a>
									<a href="#">
										<em>当地游</em>
									</a>
								</div>
							</div>
							<div className="row">
								<div className="col col1">
									<a href="#">
										<em>机票</em>
									</a>
								</div>
								<div className="col col2">
									<a href="#" className="nav-bg">
										<em>低价机票</em>
									</a>
									<a href="#">
										<em>火车票</em>
									</a>
								</div>
								<div className="col col3">
									<a href="#">
										<em>汽车票/船票</em>
									</a>
									<a href="#">
										<em>专车/自驾</em>
									</a>
								</div>
							</div>
							<div className="row">
								<div className="col col1">
									<a href="#">
										<em>酒店</em>
									</a>
								</div>
								<div className="col col2">
									<a href="#" className="nav-bg">
										<em>海外酒店</em>
									</a>
									<a href="#">
										<em>热门酒店</em>
									</a>
								</div>
								<div className="col col3">
									<a href="#">
										<em>国内酒店</em>
									</a>
									<a href="#">
										<em>特色酒店</em>
									</a>
								</div>
							</div>
						</nav>
		
						<article className="ad">
							<a href="#">
								<img src={require("../../images/img/ad_0328_02.jpg")} />
							</a>
						</article>
		
						<article className="sale clearfix">
							<nav>特卖汇</nav>
		
							<div className="item">
								<a href="#">
									<div className="img-wrapper"><img src={require("../../images/img/item-img0329_01.jpg")} alt="" /></div>
									<div className="item-main">
										<h3>
									台湾环岛8日7晚跟团游。甩尾狂甩3人行1人免单
								</h3>
										<div className="item-des">
											<span className="person">席位充足</span>
											<span className="sale-price">
										<i>¥</i>
										<strong>
											1999
										</strong>
										<em>起</em>
									</span>
										</div>
									</div>
								</a>
							</div>
							<div className="item">
								<a href="#">
									<div className="img-wrapper"><img src={require("../../images/img/item-img0329_02.jpg")} alt="" /></div>
									<div className="item-main">
										<h3>
									巴厘岛7日5晚自由行。五星豪庭，三星价格3月特
								</h3>
										<div className="item-des">
											<span className="person">席位充足</span>
											<span className="sale-price">
										<i>¥</i>
										<strong>
											2989
										</strong>
										<em>起</em>
									</span>
										</div>
									</div>
								</a>
							</div>
							<div className="item">
								<a href="#">
									<div className="img-wrapper"><img src={require("../../images/img/item-img0329_03.jpg")} alt="" /></div>
									<div className="item-main">
										<h3>
									韩国首尔5日4晚跟团游。暑假预售商圈五花，好
								</h3>
										<div className="item-des">
											<span className="person">席位充足</span>
											<span className="sale-price">
										<i>¥</i>
										<strong>
											1699
										</strong>
										<em>起</em>
									</span>
										</div>
									</div>
								</a>
							</div>
							<div className="item">
								<a href="#">
									<div className="img-wrapper"><img src={require("../../images/img/item-img0329_04.jpg")} alt="" /></div>
									<div className="item-main">
										<h3>
									马尔代夫6日自由行·6日4晚。全球顶级海岛蜜月
								</h3>
										<div className="item-des">
											<span className="person">席位充足</span>
											<span className="sale-price">
										<i>¥</i>
										<strong>
											3099
										</strong>
										<em>起</em>
									</span>
										</div>
									</div>
								</a>
							</div>
							<div className="item">
								<a href="#">
									<div className="img-wrapper"><img src={require("../../images/img/item-img0329_05.jpg")} alt="" /></div>
									<div className="item-main">
										<h3>
									香港5日自由行·仅含往返机票。星光大道+天星小
								</h3>
										<div className="item-des">
											<span className="person">席位充足</span>
											<span className="sale-price">
										<i>¥</i>
										<strong>
											1888
										</strong>
										<em>起</em>
									</span>
										</div>
									</div>
								</a>
							</div>
							<div className="item">
								<a href="#">
									<div className="img-wrapper"><img src={require("../../images/img/item-img0329_06.jpg")} alt="" /></div>
									<div className="item-main">
										<h3>
									新加坡5日4晚自由行。错峰周末游，特赠送价值
								</h3>
										<div className="item-des">
											<span className="person">席位充足</span>
											<span className="sale-price">
										<i>¥</i>
										<strong>
											2689
										</strong>
										<em>起</em>
									</span>
										</div>
									</div>
								</a>
							</div>
						</article>
		
					</div>
				</div>
		
				<Footer/>
				<a href="javascript:;" id="Top">顶部</a>
			</div>
		)
	}
}
